/**
 * Created by JetBrains PhpStorm.
 * User: Xnfy520@gmail.com
 * Date: 12-3-9
 * Time: 下午11:54
 */
$(function(){

    var content = $("#content");
    var css = $("link.changecss");
    var js = $("script.changejs");
    var timeout;
    $("#nav .navs").hover(function(){
        var li = $(this);
        timeout = setTimeout(function(){
            li.children("ul").slideDown();
        },500);
    },function(){
        $(this).children("ul").slideUp();
        clearTimeout(timeout);
    });


    $("#category-one ul li").each(function(index){
        var timeout;
        var li = $(this);
            li.hover(function(){
                timeout = setTimeout(function(){
                    $("#category-one ul li").removeClass("lishow");
                    li.addClass("lishow");
                    $("#category-one div").removeClass("divshow");
                    $("#category-one div").eq(index).addClass("divshow");
                },500);
            },function(){
                clearTimeout(timeout);
            });

    });

    $("#category-two ul li").each(function(index){
        var timeout;
        var li = $(this);
        li.hover(function(){
            timeout = setTimeout(function(){
                $("#category-two ul li").removeClass("lishow");
                li.addClass("lishow");
                $("#category-two div").removeClass("divshow");
                $("#category-two div").eq(index).addClass("divshow");
            },500);
        },function(){
            clearTimeout(timeout);
        });

    });

    $("#category-three ul li").each(function(index){
        var timeout;
        var li = $(this);
        li.hover(function(){
            timeout = setTimeout(function(){
                $("#category-three ul li").removeClass("lishow");
                li.addClass("lishow");
                $("#category-three div").removeClass("divshow");
                $("#category-three div").eq(index).addClass("divshow");
            },500);
        },function(){
            clearTimeout(timeout);
        });

    });

    $("#category-four ul li").each(function(index){
        var timeout;
        var li = $(this);
        li.hover(function(){
            timeout = setTimeout(function(){
                $("#category-four ul li").removeClass("lishow");
                li.addClass("lishow");
                $("#category-four div").removeClass("divshow");
                $("#category-four div").eq(index).addClass("divshow");
            },500);
        },function(){
            clearTimeout(timeout);
        });

    });


});